<link rel="stylesheet" href="assets/css/bootstrap-slider.min.css" />
<div id="taskViewPanel" class="panel panel-default">
    <div class="container-fluid panel-body">
        <div class="row task-view-bar">
            <div class="col-xs-6 task-bar-left">
                <a id="btn-back-to-tasklist" class="task-shortcut-with-lbl">
                    <span class="fa fa-arrow-circle-o-left" title="返回任务列表"><i>返回任务列表</i></span>
                </a>
            </div>
            <div class="col-xs-6 task-bar-right">
                <span class="fa fa-tags task-shortcut" title="编辑标签"></span>
                <span class="fa fa-plus task-shortcut" title="增加子任务"></span>
                <span class="fa fa-share-alt task-shortcut" title="分发任务"></span>
                <span class="fa fa-ban task-shortcut" title="撤消任务"></span>
                <span id="btn-del-task" class="fa fa-trash task-shortcut" title="删除任务"></span>
            </div>
        </div>
        <div class="row task-main-content">
            <div class="col-xs-8">
                <div class="task-main-title">
                    <input title="选中完成任务" style="left:0;position:absolute;margin:5px 0" type="checkbox" class="myCheck" id="chkCompletion">
                    <label for="chkCompletion"></label>
                    <span id="tTitle"></span>
                    <span class="fa fa-edit btn-edit" title="编辑标题" id="edit-title-btn"></span>
                </div>
            </div>
            <div class="col-xs-4 task-main-basic-props" style="vertical-align:middle">
                <div class="col-xs-6" style="border-right:1px solid #CCCCCC">
                    <div style="display:inline-block">
                        <div style="color:silver">创建人</div>
                        <img src="" class="img-circle avatar-sm" id="tCreator" data-toggle="tooltip" data-placement="bottom">
                    </div>
                    <div style="display: inline-block">
                        <span id="tv-owner-name"></span>
                    </div>
                </div>
                <div class="col-xs-6">
                    <div id="tDead" style="display:inline-block">
                        <div style="color:silver">截止日期</div>
                        <a role="button" class="date form_datetime" data-link-field="tvTaskDateBtn" id="tv-dd-selector"><span class="fa fa-calendar-plus-o tt-icon-btn tt-icon-md" id="tv-dd-btn" title="选择截止日期"></span></a>
                        <span class="label label-primary tt-clk-tag" id="tv-dd-label" title="指定的完成时间，点击可清除"></span>
                        <input type="hidden" id="tv-deadline-value" value="" />
                    </div>
                </div>
            </div>
        </div>
        <div class="row">
            <div class="col-xs-8 task-main-descr" id="descDiv">
                <div class="well" style="border:none">
                    <div class="collapse" id="collapseDescr">
                        <textarea class="form-control" id="tDescrEditor"></textarea>
                        <button type="button" class="btn btn-sm btn-success" id="btnSaveDescr">保存</button>
                        <button type="button" class="btn btn-sm btn-default" id="btnCancelDescr">取消</button>
                    </div>
                    <a id="linkDescrEdit" role="button" data-toggle="collapse" href="#collapseDescr" aria-expanded="false" aria-controls="collapseDescr">编辑描述</a>
                    <p id="tDescr"></p>
                </div>
            </div>
            <div class="col-xs-4">
            </div>
        </div>
        <div class="row task-props-label">
            <div class="col-xs-8">
                <span class="fa fa-cogs" aria-hidden="true"></span><i>任务进度</i>
            </div>
            <div class="col-xs-4">
                <span class="fa fa-thermometer-empty" aria-hidden="true"></span><i>优先级</i>
            </div>
        </div>
        <div class="row task-props">
            <div class="col-xs-8" id="progressDiv">
                <input style="width:100%" id="progSlider" data-slider-id='GC' type="text" data-slider-min="0" data-slider-max="100" data-slider-step="1"
                    data-slider-value="0" />
            </div>
            <div class="col-xs-4" id="priorityDiv">
                <div class="btn-group" data-toggle="buttons">
                    <label class="btn btn-sm btn-success active">
                                      <input type="radio" name="options" id="option1" autocomplete="off" checked>正常
                                    </label>
                    <label class="btn btn-sm btn-warning">
                                      <input type="radio" name="options" id="option2" autocomplete="off">优先
                                    </label>
                    <label class="btn btn-sm btn-danger">
                                      <input type="radio" name="options" id="option3" autocomplete="off">紧急
                                    </label>
                </div>
            </div>
        </div>
        <div class="row task-props-label">
            <div class="col-xs-12">
                <span class="fa fa-sliders" aria-hidden="true"></span><i>子任务</i>
            </div>
        </div>
        <div class="row task-subtask-row" id="subTaskDiv">
            <div class="quickaddbox" style="margin:0 15px;border-bottom:1px solid #EEEEEE">
                <div class="qbox-fix">
                    <a id="subTargetUser" role="button" style="position:relative"><span class="fa fa-plus tt-icon-btn tt-icon-md" title="指定子任务执行人"></span><div id="subuserbook">
								<div id="subuserTreeview"></div>
							</div></a> <span class="label label-primary tt-clk-tag" id="subTargetUserName" title="子任务执行人，点击可删除"></span>
                    <a role="button" class="date form_datetime" id="subTaskDatePicker" data-link-field="newSubTaskDate"><span class="fa fa-calendar-plus-o tt-icon-btn tt-icon-md" id="btnSubNewDate" title="选择截止日期"></span></a>
                    <span class="label label-primary tt-clk-tag" id="subdateValue" title="指定子任务的完成时间，点击可清除"></span>
                    <input type="hidden" id="newSubTaskDate" value="" />
                </div>
                <div class="qbox-shrink">
                    <input id="newSubTaskTitle" type="text" placeholder="添加新的子任务，按回车键（Enter）保存" />
                </div>
            </div>
            <div class="col-xs-12 subtask-list">
            </div>
        </div>
        <div class="row task-props-label">
            <div class="col-xs-12">
                <span class="fa fa-group" aria-hidden="true"></span><i>执行人</i>
            </div>
        </div>
        <div class="row task-executor-row">
            <div class="col-xs-8">
                <span id="executorDiv"></span>
                <span style="position:relative"><span id="btn-exe-add" class="fa fa-plus tt-icon-btn tt-icon-md"></span>
                <span id="addExeDiv"><div id="addExeNotebook"></div></span></span>
            </div>
        </div>
        <div class="row task-props-label">
            <div class="col-xs-12">
                <span class="fa fa-search-plus" aria-hidden="true"></span><i>分阅人</i>
            </div>
        </div>
        <div class="row task-reader-row">
            <div class="col-xs-8">
                <span id="readerDiv"></span>
                <span style="position:relative"><span id="btn-rdr-add" class="fa fa-plus tt-icon-btn tt-icon-md"></span>
                <span id="addRdrDiv"><div id="addRdrNotebook"></div></span></span>
            </div>
        </div>
        <div class="row task-props-label">
            <div class="col-xs-12">
                <span class="fa fa-commenting-o" aria-hidden="true"></span><i>任务反馈</i>
            </div>
        </div>
        <div class="row task-feedback-box">
        </div>
        <div class="row task-feedback-form">
            <div class="col-xs-12 feedback-editor">
                <img class="img-circle avatar-md" src="Avatars/male.png">
                <textarea id="feedText" placeholder="评论内容（按CTRL+ENTER发送）"></textarea>
                <div class="feedText-btn">
                    <button type="button" id="feedSendBtn" data-loading-text="发送..." class="btn btn-success" autocomplete="false">发送</button>
                </div>
            </div>
        </div>
    </div>
</div>